<template>
  <div>
    <!-- 搜索 -->
    <SearchCom></SearchCom>
    <!-- 轮播 -->
    <HomeSwipe></HomeSwipe>
    <!-- 宫格 -->
    <HomeGrid :list="gridList" :title="5" class="grid"></HomeGrid>
    <!-- 京东秒杀 -->
    <div class="miao">
        <HomeM></HomeM>
        <HomeList></HomeList>
    </div>


  </div>
</template>
<script setup lang='ts'>
import HomeM from '@/components/HomeM.vue';
import HomeGrid from '@/components/HomeGrid.vue';
import HomeSwipe from '@/components/HomeSwipe.vue';
import SearchCom from '@/components/SearchCom.vue';

import { gridList } from '@/components/Grid/griddata';
import HomeList from '@/components/HomeList.vue';




</script>
<style lang="scss" scoped>
/* 宫格 */
:deep(.van-grid-item__content) {
  width: 75px;
  background-color: rgb(244, 244, 244);

}

:deep(.van-grid-item__text) {
  /* display: block; */
  width: 60px;
}

.miao {
  width: 95%;
  margin: 0 auto;
  background-color: white;
  border-radius: 20px 20px 0 0;
}


</style>
